<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="assest/optiscroll.css">
    <script src="assest/optiscroll.js"></script>
</head>
<body>
    <p>滚动条</p>
    <div id="scroll" class="optiscroll" style="height:200px;width:500px;margin:0 auto;">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, nisi magnam corrupti cupiditate voluptate laudantium pariatur minus obcaecati unde quaerat illo non consectetur a tempora voluptas eos natus esse doloribus!
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, vel non quisquam fuga assumenda ad, nulla ut ipsam ducimus pariatur veritatis delectus, doloremque id atque nemo sed optio eligendi illum?
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Beatae quasi minus repudiandae, a, dignissimos architecto odio, libero placeat deleniti quod voluptatem praesentium iure numquam soluta voluptate. Consequatur dolores veritatis beatae?
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, nisi magnam corrupti cupiditate voluptate laudantium pariatur minus obcaecati unde quaerat illo non consectetur a tempora voluptas eos natus esse doloribus!
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, vel non quisquam fuga assumenda ad, nulla ut ipsam ducimus pariatur veritatis delectus, doloremque id atque nemo sed optio eligendi illum?
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Beatae quasi minus repudiandae, a, dignissimos architecto odio, libero placeat deleniti quod voluptatem praesentium iure numquam soluta voluptate. Consequatur dolores veritatis beatae?

    </div>
    <script>
        // var element1  = document.getElementById("#scroll");
        // var myOptiscrollInstance = new Optiscroll(element1);
        // plain JS version
var element = document.querySelector('#scroll')
var myOptiscrollInstance = new Optiscroll(element);
    </script>
</body>
</html>
